<!--
 * @Author: Badcandy 568197314@qq.com
 * @Date: 2023-01-02 21:52:41
 * @LastEditors: Badcandy 568197314@qq.com
 * @LastEditTime: 2023-01-03 19:27:28
 * @FilePath: \dcollege\src\components\chatAvatar\chatAvatar.vue
 * @Description: 聊天相关信息组件
 * 
 * Copyright (c) 2023 by Badcandy 568197314@qq.com, All Rights Reserved. 
-->
<script lang="ts">
import { ref, defineComponent } from "vue";

export default defineComponent({
  name: "chatAbout",
  props: {
    avatar: {
      type: String,
      default: "https://varlet.gitee.io/varlet-ui/cat.jpg",
    },
  },
});
</script>

<template>

    <var-image
      fit="fill"
      height="3.1rem"
      width="3.1rem"
      :radius="15"
      :src="avatar"
    />

</template>

<style lang="less" scoped></style>
